<ui:composition xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"  
      xmlns:pe="http://primefaces.org/ui/extensions"  
      xmlns:h="http://java.sun.com/jsf/html">
    <h:form id="frmDetalleAccion" onkeypress="if (event.keyCode == 13) return false;">
        <p:focus context="panelAccion" />
        <p:panel id="panelAccion" rendered="#{opcionController.selectedOpcionNode != null}" >
            <table style="border-spacing: 5px;width: 100%" >
                <tbody>
                    <tr>
                        <td style="width: 110px;"><h:outputLabel value="Nid de Acción :" /></td>
                        <td style="width: 400px;">
                            <p:inputText  value="#{opcionController.selectedAccion.id}" style="width: 100px" 
                                          disabled="true" styleClass="disabled">
                            </p:inputText>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 110px;"><h:outputLabel value="Opción :" /></td>
                        <td style="width: 400px;">
                            <p:inputText value="#{opcionController.selectedOpcionNode.data.txtOpcion}" 
                                         style="width: 400px; font-weight: bold;" disabled="true" styleClass="disabled">
                            </p:inputText>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 110px;"><h:outputLabel value="Acción :" /></td>
                        <td style="width: 400px;">
                            <p:inputText value="#{opcionController.selectedAccion.txtAccion}" style="width: 400px;" 
                                         maxlength="250"  >
                            </p:inputText>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 110px;"><h:outputLabel value="Nombre de Objeto:" /></td>
                        <td>
                            <p:inputText value="#{opcionController.selectedAccion.txtNombreObjeto}" style="width: 400px;" 
                                     maxlength="250">                           
                            </p:inputText>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 110px;"><h:outputLabel value="Proposito :" /></td>
                        <td>
                            <p:inputText value="#{opcionController.selectedAccion.txtProposito}" style="width: 400px;" 
                                         maxlength="250">
                            </p:inputText>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 110px;"><h:outputLabel value="URL :" /></td>
                        <td>
                            <p:inputText value="#{opcionController.selectedAccion.txtUrl}" style="width: 400px;" 
                                         maxlength="250">
                            </p:inputText>
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>
                            <p:selectBooleanCheckbox value="#{opcionController.BActivo}" itemLabel="Activo" 
                                                     disabled="#{opcionController.esNuevo}">
                            </p:selectBooleanCheckbox>
                        </td>
                    </tr>
                </tbody>   
                <tfoot>
                    <tr>
                        <td colspan="2">
                        <p:toolbar style="padding: 3px;">
                            <p:toolbarGroup align="right">
                                <p:commandButton style="margin-right: 40px;" value="Grabar" icon="ui-icon-disk" process=":frmDetalleAccion"
                                                 update=":frmGestionarOpciones:msjOpciones" actionListener="#{opcionController.saveAccion}"/>
                                <p:commandButton value="Cerrar" icon="ui-icon-close" process="@this" oncomplete="wDetalleAccion.hide()"/>
                            </p:toolbarGroup>
                        </p:toolbar>
                        </td>
                    </tr>
                </tfoot>
            </table>  
        </p:panel>
    </h:form>
</ui:composition>